<template>
	<view class="popup-content">
		<view class="title-row">
			<image src="../../static/logo.jpg" style="width: 40px; height: 40px;"></image>
			<text style="font-size: 20px; margin:0 10px;">智能冰箱管家</text>
			<text style="font-size: 20px;">申请</text>
		</view>

		<view class="tips-row">
			<text>获取你的昵称、头像及手机号的授权同意（均为自己填写，手机号为选填），请仔细阅读以下指引：</text>
		</view>

		<view class="policy-row">
			<text @click="gotoPrivacyPolicy">《智能冰箱管家隐私保护指引》</text>
		</view>

		<view class="btn-row">
			<button type="default" :loading="loginConfirm" style="color: #ccf4e0; background-color:#5dc272;"
				@click="agree">同意</button>
		</view>
	</view>
</template>

<script>
	export default {
		name: "my-login-pop",
		props: {
			loginConfirm: {
				default: false
			}
		},
		data() {
			return {

			};
		},
		methods: {
			// 跳转
			gotoPrivacyPolicy() {
				uni.navigateTo({
					url: '/pagesSub/pageUser/user-privacy-policy/user-privacy-policy'
				})
			},

			// 事件处理
			agree() {
				this.$emit('close')
			}
		}
	}
</script>

<style lang="scss">
	.popup-content {
		background-color: #fff;
		border-radius: 20rpx 20rpx 0 0;
		padding: 10px;

		.title-row {
			padding: 10px;
			display: flex;
			align-items: center;
		}

		.tips-row {
			padding: 10px;
			font-size: 21px;
			font-weight: 600;
		}

		.policy-row {
			display: flex;
			color: #3163c4;
			justify-content: center;
		}

		.btn-row {
			display: flex;
			padding: 20px;

			>button {
				width: 40%;
			}
		}
	}
</style>